<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    <div class="top">
        <div>
             <ul>
                  <li class="li1">商品详情</li>
                  <li>用户评论</li>
                  <li>具体参数</li>
                  <li>售后服务</li>
                  <li>商品质询</li>
             </ul>
             <div><span>加入购物车</span></div>
        </div>
    </div>
    <div class="main">
         <div class="left">
           		<img class="left_img1" src="images/1.jpg">
           		<img class="left_img2" src="images/3.jpg">
           		<img class="left_img3" src="images/5.jpg">
           		<img class="left_img4" src="images/7.jpg">
         </div>
         <div class="right">
            <div class="right_top">B&O PLAYby Bang & Olufsen Beoplay H9 无线蓝牙 降噪包耳式耳机 铝制触摸界面 浅陶色</div>
            <div class="right_left">

                <table>
                      <tr> <td class="ta_y1 ta_1_1">品 牌：</td><td>B&O B&O</td> </tr>

                      <tr> <td class="ta_y1">产品型号：</td> <td>Beoplay H9</td> </tr>

                      <tr> <td class="ta_y1 ta_3_1">抢购价：</td> <td class="ta_3_2" colspan="2"> <span id="sp1">限时抢</span><span id="sp2"></span></td> </tr>

                      <tr> <td class="ta_4" colspan="3"><div class="ta_4_div1"><img src="images/10.jpg"><img class=ta_4_div1_img2 src="images/12.jpg"><span>价格平稳</span></div><div class="ta_4_div2"><img src="images/11.jpg"><span>收藏（成为第<span>1</span>人）</span></div></td> </tr>

                      <tr> <td class="ta_y1">商品支持：</td> <td class="ta_5_2"><span>不支持无理由退</span></td> </tr>

                      <tr> <td class="ta_y1 ta_1_1">数 量：</td>  <td class="ta_6_2"><div class="ta_6_2_div1">-</div><div class="ta_6_2_div2">1</div><div class="ta_6_2_div1">+</div></td>  <td class="ta_6_3">库存：接受预定(备货时间依据当前货源情况而定)</td></tr>

                </table>
                <div class="right_right_bottom">
                     <div class="right_right_bottom_div1">立即购买</div>
                     <div class="right_right_bottom_div2"><span>加入购物车</span></div>
                     <table class="ta2">
                          <tr><td class="ta2_1">加入收藏夹</td>
                          <td class="ta2_2"><span>0</span></td>
                          <td class="ta2_3">
                             <img src="images/16.jpg">
                             <img src="images/17.jpg">
                             <img src="images/18.jpg">
                             <img src="images/19.jpg">
                             <img src="images/20.jpg">
                          </td></tr>
                     </table>
                </div>
            </div>
            <div class="right_right">
                  <div class="right_right_div1"><span>降价通知</span></div><hr/>
                  <div class="right_right_div2">0.0</div>
                  <p>暂无评论</p><hr/>
                  <div>
                  <p class="p"><img src="images/13.jpg"><br/><br/>转到手机上看</p></div>
            </div>
         </div>
    </div>
  <script type="text/javascript">
    setInterval(box,100);
    var obj=document.getElementById('sp2');
    box();
    function box(){
	     var endtime=new Date(2017,2,22,9);
	     var time=new Date();
	     var a=(endtime-time)/1000;
	     d=box2(Math.floor(a/(24*60*60)));
	     h=box2(Math.floor((a/3600)%24));
	     min=box2(Math.floor((a/60)%60));
	     s=box2(Math.floor(a%60));
	     ms=Math.floor((((a*1000)%1000))/100)
	     obj.innerText=d+"天"+h+"小时"+min+"分钟"+s+"秒"+ms;
	      }
  function box2(a){
     return  a<10?"0"+a:a;
  }
  </script>
</body>
</html>